<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>来拍车App-外观与骨架修复历史</title>
		<link rel="stylesheet" href="{:get_style_cdnurl()}app/css/iconline.css">
		<link rel="stylesheet" href="{:get_style_cdnurl()}app/css/home.css">
		<script src="{:get_style_cdnurl()}app/js/jquery-1.11.1.js" type="text/javascript"></script>
        <style>
            * {
            -webkit-touch-callout:none;
            -webkit-user-select:none;
            -khtml-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
            }
        </style>
		<script>
            function gaodu(){
                    for(i=0;i<$(".appearance-text ul .appearance-left").eq(0).find("em").length;i++){
                            var lHeight=$(".appearance-text ul .appearance-left em").eq(i).height();
                            var rHeight=$(".appearance-text ul .appearance-right em").eq(i).height();
                            if(lHeight<rHeight){
                                $(".appearance-text ul .appearance-left em").eq(i).height(rHeight)
                            }else{
                                $(".appearance-text ul .appearance-right em").eq(i).height(lHeight);
                            }
                    }
            }
            $(function(){
            gaodu();
            })
            $(document).ready(function(){
                    $(".repair-list li").click(function(){
                        $(".repair-list li").removeClass("current");
                        $(this).addClass("current");
                        var index=$(".repair-list li").index(this);
                        $(".appearanceCo .appearance").eq(index).fadeIn(100,function(){
                            for(i=0;i<$(".appearance-text ul .appearance-left em").length;i++){
                                var lHeight=$(".appearance-text ul .appearance-left em").eq(i).height();
                                var rHeight=$(".appearance-text ul .appearance-right em").eq(i).height();
                                if(lHeight<rHeight){
                                    $(".appearance-text ul .appearance-left em").eq(i).height(rHeight)
                                }else{
                                    $(".appearance-text ul .appearance-right em").eq(i).height(lHeight);
                                }
                            }
                        }).siblings().fadeOut(100);
                    })
                })
		</script>
	</head>
	<body>
    <div class="repair-list-border">
		<div class="repair-list">
			<ul class="clearfix">
				<li class="current">外观</li>
				<li>骨架</li>
			</ul>
		</div>
    </div>
		<div class="appearanceCo">
			<section class="appearance">
				<div class="appearanceMain">
					<img src="{:get_style_cdnurl()}app/images/waiguan_bg1.png" />
                    <foreach name="report.appear11" item="pos">
                    <div class="xiufuBg{$pos}" style="display:block"></div>
                    </foreach>
				</div>
				<div class="appearance-ico clearfix">
					<span><i class="coloru1"></i>重新喷漆</span>
					<span><i class="coloru2"></i>喷漆且有腻子修复</span>
				</div>
				<div class="appearance-text">
					<ul class="clearfix">
                        <li class="appearance-left">
                        <volist name="report.appear_history" id="appear" key="k">
                            <em>{$appear.label}</em>
                        </volist>
                        </li>
                        <li class="appearance-right">
                        <volist name="report.appear_history" id="appear" key="k">
                            <em>{$appear.value}</em>
                        </volist>                                                                         </li>
					</ul>
				</div>
			</section>
			<section class="appearance" style="display: none;">
				<div class="appearanceMain">
					<img src="{:get_style_cdnurl()}app/images/waiguan_bg2.png" />

                    <foreach name="report.frame7" item="pos">
                    <div class="gujia{$pos}" style="display:block"></div>
                    </foreach>

				</div>	
				<div class="appearance-ico clearfix">
					<span><i class="coloru1"></i>重新喷漆</span>
					<span><i class="coloru2"></i>喷漆且有腻子修复</span>
				</div>
				<div class="appearance-text">
					<ul class="clearfix">
						<li class="appearance-left">
                            <volist name="report.frame_history" id="frame" key="k">
                                <em>{$frame.label}</em>
                            </volist>
						</li>
						<li class="appearance-right">
                            <volist name="report.frame_history" id="frame" key="k">
                                <em>{$frame.value}</em>
                            </volist>
						</li>
					</ul>
				</div>
			</section>
		</div>
	</body>
</html>
